<template>
	<view class="wrapper">
		<!-- <Head leftIcon="left" color="#173AE2" backgroundColor="transparent"></Head> -->
		<view class="info">
			<view class="banner"></view>
			<view class="list">
				<view class="item">
					<view class="img img1"></view>
					<view class="t1">锁定C位，提高5倍曝光率</view>
					<view class="btn bg1" @click="handleJump('/service/personal/resumeTop')">简历置顶</view>
				</view>
				<view class="item">
					<view class="img img2"></view>
					<view class="t1">即刻脱颖而出，秀出自我</view>
					<view class="btn bg2" @click="handleJump('/service/personal/strikingTag')">醒目标签</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		},
		methods: {
			// 跳转
			/**
			 * @url 跳转路径
			 * @name 参数名称
			 * @params 参数
			 * */
			handleJump(url,name,params){
				if(params){
					uni.navigateTo({
						url:url + '?' + name + '=' + JSON.stringify(params)
					})
				} else {
					uni.navigateTo({
						url:url
					})	
				}
			}
		},
	}
</script>

<style lang="scss" scoped>
.wrapper{
	width: 100%;
	height: 100%;
	background: url('@/service/static/img/addServiceBg.png') no-repeat top center / 100% 100%;
	.info{
		height: calc(100% - 140rpx);
		.banner{
			width: 100%;
			height: 384rpx;
			background: url('@/service/static/img/addServiceBanner.png') no-repeat top center / 100% auto;
		}
		.list{
			padding-top: 30rpx;
			.item{
				margin: 0 36rpx;
				height: 290rpx;
				background: 
				url('@/service/static/img/addServiceItem.png') no-repeat center center / 100% 100%;
				margin-bottom:40rpx;
				position: relative;
				.img{
					width: 80rpx;
					height: 85rpx;
					position: absolute;
					left: 50rpx;
					top: 50rpx;
					&.img1{
						background: url('@/service/static/img/addServiceBtnbg1.png') no-repeat center center / 100% 100%;
					}
					&.img2{
						background: url('@/service/static/img/addServiceBtnbg2.png') no-repeat center center / 100% 100%;
					}
				}
				.t1{
					color: #333;
					font-size: 32rpx;
					position: absolute;
					left: 130rpx;
					top: 90rpx;
					font-weight: bold;
				}
				.btn{
					width: 200rpx;
					height: 74rpx;
					color: #fff;
					font-size: 30rpx;
					padding: 22rpx 40rpx;
					box-sizing: border-box;
					position: absolute;
					right: 50rpx;
					bottom: 60rpx;
					&.bg1{
						background: url('@/service/static/img/addServiceBtn1.png') no-repeat left center / 100% 100%;
					}
					&.bg2{
						background: url('@/service/static/img/addServiceBtn2.png') no-repeat left center / 100% 100%;
					}
				}
			}
		}
	}
}
</style>
